  <div class="wrapper-sm">
    <div class="panel panel-default m-t-n-xs m-b-n-xs" style="border-radius:5px;">

      <div class="panel panel-default" style="margin-bottom:-5px;border-radius:5px">
        <div class="panel-body" style="font-size: 10px;padding:5px 20px; " >          
            <div class="m-t-xs m-t-sm">
              <span>设备监控</span>
              <i class="fa fa-angle-right"></i>
              <span>单机监控</span>
              <i class="fa fa-angle-right"></i>
              <span>设备在离线记录</span>
              <span class="pull-right">
                <button class="btn btn-xs btn-info" [routerLink]="['../../']">返回</button>
              </span>
            </div>  
        </div>
      </div>
    </div>
  </div>
  <div class="wrapper-sm">
    <div class="panel panel-default m-t-n-xs m-b-n-xs" style="border-radius:5px;">
      <div class="panel-body">
        <span class="font-bold">设备别名：</span><span>{{devinfoData?.alias_name||'无'}}</span>
        <span class="m-l font-bold">设备自定义名称：</span><span>{{devinfoData?.xcxlh||'无'}}</span>
        <span class="m-l font-bold">终端用户：</span><span>{{devinfoData?.zdyh||'无'}}</span>
        <span class="m-l font-bold">设备序列号：</span><span>{{devinfoData?.sn||'无'}}</span>
        <span class="m-l font-bold">设备型号：</span><span>{{devinfoData?.model||'无'}}</span>
        <span class="m-l font-bold">设备状态：
          <span *ngIf="devinfoData?.online=='0'" class="label bg-danger inline m-t-xs">离线</span>
          <span *ngIf="devinfoData?.online=='1'" class="label bg-success inline m-t-xs">在线</span>
        </span>
      </div>
    </div>
  </div>
  <div class="wrapper-sm">
    <div class="panel panel-default" style="border-radius:5px;">
      <div class="panel-body">
        <table class="table table-hover table-striped" style="font-size: 12px;">
          <tr>
            <th>设备状态</th>
            <th>设备时间</th>
          </tr>
          <tr *ngFor="let devstatusdata of devstatusdata">
            <td>
              <span *ngIf="devstatusdata?.online=='0'" class="label bg-danger inline m-t-xs">离线</span>
              <span *ngIf="devstatusdata?.online=='1'" class="label bg-success inline m-t-xs">在线</span>
            </td>
            <td>{{devstatusdata?.created}}</td>
          </tr>
        </table>
        <app-pagination [pageModel]="pageModel" (pageChanged)="page=$event;getstatusdata()"></app-pagination>
      </div>
    </div>
  </div>